import React from 'react'
export default class App extends React.Component {
  // state = {
  //   num: '叶树森',
  // }
  render() {
    console.log('render钩子被执行了')
    return (
      <>
        <div>白云山</div>
        <hr />
        <hr />
        <hr />
        <div>子节点</div>
        <div>{this.state.msg}</div>
        <button onClick={() => this.setState({ msg: this.state.msg + '!' })}>修改</button>
      </>
    )
  }
  // constructor() {
  //   console.log('consructor被执行了')
  //   super()
  //   this.state = {
  //     msg: 'Helloween',
  //   }
  // }
  // constructor只会执行一次
  state = {
    msg: 'helloween',
  }
  componentDidMount() {
    console.log('componentDidMount钩子被执行了')
  }
}
